<html>
<head>
<style>
.one
{
    display: inline-block;
    height: 200px;
    width:100px;
    overflow:auto;
    border: 2px solid purple;
}

.two
{
    display: inline-block;
    height:400px;
    width:200px;
    overflow:auto;
    border:2px solid black;
}
</style>
</head>
<body>

<div class="one">
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
</div>

<div class="two">
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
</div>
</body>
</html>
